<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>请输入商品</title>
		<link rel="stylesheet" href="../libs/mui/mui.css"/>		
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<style>			
			 /*头部搜索*/					
			.mui-bar.mui-bar-nav h1,.mui-bar.mui-bar-nav input {color: black;}
			.mui-bar .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-bar .mui-input-row .mui-input-speech~.mui-icon-speech{top: 12px;}			 	
			.mui-content{font-size: 16px;}
			.mui-bar .mui-title{right: 50px;}
			.mui-input-row input[type=search]{background-color: white; width: 100%;margin-bottom: 0px;border-radius: 100px;}
			.mui-search .mui-placeholder{line-height: 44px;}
			.mui-bar .mui-search:before {margin-top: -22px;}
			
			/*商品*/
			.Goods{background: white;}			
			.Hot{padding: 11px 15px;border-bottom: 1px solid #eee;}
			.home_top{width: 30%;}			
			.frien_bq{width: 70%;}
			.frien_img img{border-radius: 0px;}	
			.frien_bq b{color: red;display: block;margin-top: 20px;}		    	
		</style>
	</head>
	<body>		
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">
		    	<div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear" id="search" placeholder="请输入商品名称">
				</div>
		    </h1>	
			<a class="mui-pull-right mui-icon">
				<h5 class="search_goods">搜索</h5>			
			</a>		
		</header>		
		<div class="mui-content">
			<div class="Goods">
				<!--<ul class="mui-table-view">
					<li class="mui-table-view-cell frien_img">
						<div class="home_top">
							<img src="../public/img/6.jpg"/>
						</div>
						<div class="frien_bq">																				
							<div class="mui-ellipsis-2">苹果（Apple）iPhone7 Plus 256G  4G手机 颜色随机</div>															
							<b class="red">￥25.00<span class="mui-h6 mui-pull-right">销量：200</span></b>													
						</div>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell frien_img">
						<div class="home_top">
							<img src="../public/img/7.jpg"/>
						</div>
						<div class="frien_bq">																				
							<div class="mui-ellipsis-2">三星 SAMSUNG 曲面电视 UA65JU 6800JXXZ 65英寸 超高清4K</div>															
							<b class="red">￥25.00<span class="mui-h6 mui-pull-right">销量：200</span></b>												
						</div>
					</li>
				</ul>--> 
			</div>	
		</div>	
	</body>
	<script type="text/javascript" src="../js/open.js"></script>
	<script type="text/javascript" src="../libs/mui/mui.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/web_js/public.js"></script>
	<script type="text/javascript" src="../js/web_js/search_goods.js"></script>
	<script>
		//商品跳转
		$(".frien_img").on('tap',function(){
			openNewPage('goods_details.html');
		})
	</script>
</html>